<div class="symbiosis-js" title="{$site_js}symbionts/setup.js"></div>
<div class="symbiosis-css" title="{$site_css}symbionts/setup.css"></div>
<div class="sym_setup">
    <div id="sym_setup_tabs">
        <ul>
            <li><a href="#symbionts">Symbionts</a></li>
            <li><a href="#libraries">Libraries</a></li>
        </ul>
        <div id="symbionts">{&symbionts}<div class="symbiosis-button-add">Add</div></div>
        <div id="libraries">{&libraries}</div>
    </div>
</div>

{&library=}
<div class="library">
    <div class="name symbiosis-hidden">{&name}</div>
    <div class="title">{&title}</div>
    <div class="version">{&version}</div>
    <div class="info" style="display: none;"></div>
    <div class="update" style="display: none;">Update</div>
</div>
{/&library}

{&symbiont=}
<div class="symbiont">
    <div class="name symbiosis-hidden">{&name}</div>
    <div class="title">{&title}</div>
    <div class="version">{&version}</div>
    <div class="info" style="display: none;"></div>
    <div class="update" style="display: none;">Update</div>
</div>
{/&symbiont}